<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*兄弟选择器*/

        /*#dv1 + div {*/
        /*        color: #FFA500;*/
        /*}*/

        #dv1 ~ div {
            color: #FFA500;
        }
    </style>
</head>
<body>

<!--
    兄弟选择器的使用
    +  选择当前元素后的第一个指定兄弟元素
    ~  选择当前元素后的所有指定兄弟元素

-->
<div id="dv1">hello world1</div>
<p>hello p</p>
<div>hello world2</div>
<div>hello world3</div>
<div>hello world4</div>
<div>hello world5</div>


</body>
</html>